<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>博客首页</title>
  <link rel="shortcut icon" type="image/x-icon" href="../image/favion.ico">
  <link rel="stylesheet" href="../iconfont/iconfont.css">
  <link rel="stylesheet" href="../css2/base.css">
  <link rel="stylesheet" href="../swiper/swiper-bundle.min.css">
  <link rel="stylesheet" href="../pjs/jquery-pagination/pagination.css">
  <link rel="stylesheet" href="../css2/nav.min.css">
  <link rel="stylesheet" href="../css2/index.min.css">
  <script src="../iconfont/iconfont.js"></script>
  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
  </script>
  <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
  <script src="http://www.jq22.com/code/jq22com/jq22kzymdn.js"></script>
  <script src="../pjs/jquery-pagination/jquery.pagination.js"></script>
  <style>
    .icon {
      width: 1em;
      height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }

    canvas {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
    }
  </style>
</head>

<body>
<div class="box">
  <div class="box1">
  <header>
    <div class="header">
      <img src="../image/fg3.jpg" alt="">
      <span class="nickname">欣欣~</span>
      <span class="exit">退出登录</span>
    </div>
  </header>
  <nav>
    <ul class="nav container">
      <li><a href="#">首页</a></li>
      <li><a href="./study.html">学无止境</a></li>
      <li><a href="./life.html">生活记录</a></li>
      <li><a href="./message.html">留言板</a></li>
      <li><a href="./loginAndRegist.html">登录/注册</a></li>
    </ul>
    <marquee behavior="scroll" direction="right">系统部分功能尚未完善，敬请期待~</marquee>
  </nav>
  <main class="container main_con">
    <div class="main">
      <!-- 左侧侧边栏 -->
      <aside class="left_con">
        <!-- 热门标签 -->
        <div class="label">
          <h2>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-remen"></use>
            </svg>
            热门标签
          </h2>
          <div class="btn_con">
          </div>
        </div>
        <!-- 推荐文章 -->
        <div class="recom_art">
          <h2>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-xingxing1"></use>
            </svg>
            推荐文章
          </h2>
          <ul class="art_list">
          </ul>
        </div>
        <!-- 联系方式 -->
        <div class="contact">
          <h2>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-gingerbread"></use>
            </svg>
            我的名片
          </h2>
          <div class="cont">
            <p>
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-snowman"></use>
              </svg>
              网名：欣欣
            </p>
            <p>
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-deer"></use>
              </svg>
              学校：广东工业大学
            </p>
            <p>
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-candy"></use>
              </svg>
              专业：信息管理与信息系统
            </p>
            <p>
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-tubiaozhizuomoban-
                  "></use>
              </svg>
              Email：lxx2XX4@163.com
            </p>
            <p>
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-weixin"></use>
              </svg>
              微信：15521x7XX32
            </p>
            <p>
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-QQ"></use>
              </svg>
              QQ：24XXXXX729
            </p>
          </div>
        </div>
        <!-- 常用链接 -->
        <div class="interlinkage">
          <h2>
            <i class="iconfont icon-lianjie1" style="color: #DDD40E;"></i>
            常用链接
          </h2>
          <div class="lin">
            <a href="https://blog.csdn.net/qq_43812504?spm=1000.2115.3001.5343">CSDN个人主页</a>
            <a href="https://www.iconfont.cn/">阿里巴巴矢量图标库</a>
            <a href="http://zhongguose.com/#yaoguanzi">中国色</a>
            <a href="http://tool.c7sky.com/webcolor/">配色表</a>
            <a href="http://www.aseoe.com/tools/regex/">正则验证</a>
            <a href="https://www.runoob.com/">菜鸟教程</a>
            <a href="http://www.aseoe.com/tools/radius/">圆角生成器</a>
            <a href="https://www.webhek.com/post/40-css-shapes.html">常用图形css</a>
          </div>
        </div>
      </aside>
      <!-- -----右侧主体内容 -->
      <div class="right_con">
        <div class="swiper_con">
          <!-- Swiper -->
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide"><img src="../image/sw1.jpg" alt=""></div>
              <div class="swiper-slide"><img src="../image/bg.jpg" alt=""></div>
              <div class="swiper-slide"><img src="../image/bg1.jpg" alt=""></div>
              <div class="swiper-slide"><img src="../image/bg2.jpg" alt=""></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
          </div>
        </div>
        <!-- 文章列表 -->
        <div class="article_list">
          <h2>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-remen"></use>
            </svg>
            最新文章
          </h2>
          <div class="lis">
          </div>
        </div>
        <!-- 分页 -->
        <div class="m-style set_page">
        </div>
      </div>
    </div>
  </main>
  <footer>
    <p>@欣欣的个人博客</p>
  </footer>
  </div>
</div>








  <!-- swiper相关文件 -->
  <script src="../swiper/swiper-bundle.min.js"></script>
  <script src="../swiper/swiper_use.js"></script>
   <script src="../js2/fairyDustCursor.js"></script>
   <script src="../js2"></script>
   <script src="../js2/alertUser.js"></script>
</body>

</html>